@import './bw';

section{
    padding: vw(90) 0 vw(96) 0;
    height: 100vh;
    font-size: 0;
    overflow-y: scroll;

    .kecheng1img{
        position: relative;
        >img{
            width: vw(640);
            height: vw(358);
        }

        .kecheng1bgc{
            width: vw(640);
            height: vw(107);
            background-color: rgba(0,0,0,0.4);
            position: absolute;
            bottom: 0;
            left: 0;

            >p{
                font-size: vw(26);
                color: white;
                margin-top: vw(18);
                margin-left: vw(28);
                margin-bottom: vw(13);
            }
            >div{
                margin-left: vw(28);
                height: vw(24);
                vertical-align: top;
                >p{
                    font-size: vw(16);
                    color: white;
                    vertical-align: top;
                    line-height: vw(24);
                    img{
                        margin-right: vw(6);
                        &:nth-of-type(1){
                            width: vw(24);
                            height: vw(24);
                            vertical-align: top;
                        }
                        &:nth-of-type(2){
                            width: vw(20);
                            height: vw(25);
                            margin-left: vw(29);
                            vertical-align: top;
                        }
                    }

                }
            
            }
        }


    }

    .topgray{
        height: vw(25);
        background-color: #f5f5f5;
    }

    .kecheng1big{
        width: vw(640);
        height: vw(608);
        padding: vw(19) vw(28) 0;

        .kecheng1small{
            width: vw(582);
            height: vw(109);
            border-bottom: 1px solid #e2e2e2;
            display: flex;
            justify-content: space-between;
            .kesmallleft{
                .smalllefttop{
                    display: inline-block;
                    margin-right: vw(16);
                }
                .grayyuan{
                    width: vw(58);
                    height: vw(58);
                    border-radius: 50%;
                    background-color: #898989;
                    margin-top: vw(4);
                }

                .smallrighttop{
                    display: inline-block;
                    p{
                        color: #c5c5c5;
                        &:nth-of-type(1){
                            font-size: vw(28);
                            margin-top: vw(8);
                        }
                        &:nth-of-type(2){
                            font-size: vw(18);
                            margin-top: vw(5);
                        }
                    }
                }

                >p{
                    font-size: vw(24);
                    margin-left: vw(5);
                    margin-top: vw(13);
                }
            }

            .kesmallright{
                >a{
                    position: relative;
                    display: block;
                    width: vw(228);
                    height: vw(58);
                    background-color: #b20000;
                    color: white;
                    font-size: vw(28);
                    padding: vw(15) 0 0 vw(32);
                    letter-spacing: vw(3);
                    &::after{
                        content: '>';
                        font-size: vw(20);
                        height: vw(25);
                        width: vw(25);
                        background-color: white;
                        color:#b20000;
                        position: absolute;
                        top: vw(18);
                        left: vw(170);
                        border-radius: 50%;
                        text-align: center;
                        line-height: vw(25);
                    }
                }
                >p{
                    font-size: vw(16);
                    margin-top: vw(25);
                    text-align: right;
                }
            }
        }

        >img{
            width: vw(581);
            height: vw(432);
            margin-top: vw(17);
        }



    }

    
}